<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<!-- START Metadata -->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="KroketWeb levert Raspatat, kroketten, patat en vele meer producten. Bestel nu bij KroketWeb!" />
<meta name="keywords" content="kroketweb, kroket, patat, raspatat, frikandellen, snacks, webshop, cafetaria, snackbar" />
<meta name="robots" content="index, follow" />
<!-- END Metadata -->

<title>Welkom bij KroketWeb - Bestel je vette hap online</title>

<!-- START CSS -->
<link type="text/css" href="css/style.css" rel="stylesheet" />
<!-- END CSS -->

<!-- START Script -->
<script type="text/javascript" src="js/functions.js"></script>
<!-- END Script -->

<%@ page import="java.sql.*"%>
<%@ page import="java.util.HashMap" %>
<%@ page import="java.util.Map.*" %>
</head>

<body onload="calculateTotalCart();">
<div id="header"></div>
<div id="menu">
	<h2>Menu</h2>
	<ul>
		<li><a href="index.html">Home</a></li>
		<li><a href="products.html">Assortiment</a></li>
		<li><a href="search.html">Zoek</a></li>
		<li><a href="cashout.html">Afrekenen</a></li>
	</ul>
</div>

<div id="content">
	<h1>Afrekenen</h1>
	<fieldset>
		<legend>Inhoud winkelwagen</legend>
		<table>
		<thead>
			<tr>
				<th>Product</th>
				<th>Prijs</th>
				<th></th>
			</tr>
		</thead>
		
		<tbody id="shoppingCartContent">
			<c:forEach var="product" items="${shoppingCartProducts}">
				<tr id="item${product.id}">
					<td>(${product.amount}x)${product.name}</td>
					<td class="itemPrice">${product.totalPrice}</td>
				</tr>
			</c:forEach>
		</tbody>
		
		<tfoot>
			<tr>
				<td>Totaal</td>
				<td id="totalPriceCart">0,00</td>
			</tr>
		</tfoot>
	</table>
	</fieldset>
	
	<fieldset>
		<legend>Bezorggegevens</legend>
		<form method="post" id="deliveryInformation">
			<table>
				<tbody>
					<tr>
						<td>Naam</td>
						<td><input id="name" type="text" value="" /></td>
					</tr>
					<tr>
						<td>Straat + nr</td>
						<td><input id="address" type="text" value="" /></td>
					</tr>
					<tr>
						<td>Plaats</td>
						<td><input id="city" type="text" value="Groningen" /></td>
					</tr>
					<tr>
						<td>Telefoonnummer</td>
						<td><input id="phone" type="text" value="" /></td>
					</tr>
					<tr>
						<td></td>
						<td><span id="orderButton" onclick="validateOrderForm();">Bestel</span></td>
					</tr>
				</tbody>
			</table>
		</form>
	</fieldset>
</div>
<div id="sponsors">
	<h2>Sponsors</h2>
	<ul>
		<li><a href="#">Lemia: Vool de lekkelste flietsaus</a></li>
		<li><a href="#">Mola snacks: eerlijk en lekker</a></li>
		<li><a href="#">Sonya Backer: Snacken is gezond</a></li>
	</ul>
</div>
</body>
</html>